<template>
  <view class="wapper">
        <view class="ti">
        设置人脸识别通行后，您可以通过人脸认证出入各闸机或单元。
      </view>
      <view class="sel">
      选择需要设置的小区
      </view>
      <view style="background:#fff"> 
        <view class="item" @click="yanzheng()">
          <view class="left">
            <image
              src="/static/icons/城市.png"
              mode="scaleToFill"
            />
            <text>花苑国际小区</text>
          
          </view>
          <view class="right">
            <text>去设置</text>
            <image
              src="/static/icons/右箭头.png"
              mode="scaleToFill"
            />
          </view>
        </view>
      </view>
      <view style="background:#fff"> 
        <view class="item">
          <view class="left">
            <image
              src="/static/icons/城市.png"
              mode="scaleToFill"
            />
            <text>瑞辰国际</text>
          
          </view>
          <view class="right">
            <text>暂时不支持</text>
            <image
              src="/static/icons/右箭头.png"
              mode="scaleToFill"
            />
          </view>
        </view>
      </view>
<!-- <button @click="tiao">  跳转</button> -->
  </view>
 
	<tabBar :currentPage="4"></tabBar>


</template>

<script setup>
import {ref} from 'vue'
function yanzheng(){
  uni.navigateTo({ url: '/pages/face/yanFace' })
}
function tiao(){  //去的的是人脸识别测试代码的页面，还没看懂这个页面
  uni.navigateTo({url:'/pages/face/shibie'})
}
</script>

<style lang="scss" scoped>
  .wapper{
    height: calc(100vh - 91rpx);
  background-color: rgb(242, 242, 242);
    // padding: 30rpx;
    // box-sizing: border-box;
    overflow: hidden;
   .ti{
    font-size: 24rpx;
    color: rgb(123,123,123);
    margin: 10rpx 30rpx;
   }
   .sel{
    line-height: 80rpx;
    margin: 30rpx;

   }
   .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30rpx;
    image{
      height: 35rpx;
      width: 35rpx;
      vertical-align: middle;
      margin: 0 20rpx;
    }
    .right{
      color: rgb(123,123,123);
    }
   }

  }
</style>